<template>
  <view class="content">
    <view class="tit">选择参与活动</view>
    <view class="tit2">1.积分返现活动<text style="margin-left: 16rpx">2.积分商城商品兑换</text></view>
    <view class="text">用户根据采购活动产品获取相应积分（未参加活动产品无法获得积分），该积分用途可用于积分返现活动或积分商城商品兑换，且只能二选一，选定后不可以调换。</view>

  </view>
</template>

<script setup>
import { ref, defineProps, defineEmits, computed } from 'vue'
import { useStore } from 'vuex'
const store = useStore();
const sysConfig = computed(()=> {
  return store.state.app.config
})
</script>

<style lang="scss" scoped>
.content{
  width: 600rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  padding: 32rpx;
  .tit{
    font-weight: 400;
    font-size: 32rpx;
    color: #282828;
    line-height: 48rpx;
    margin-bottom: 16rpx;
  }
  .tit2{
    font-size: 24rpx;
    margin-bottom: 50rpx;
  }
  .text{
    font-weight: 400;
    font-size: 26rpx;
    color: #282828;
    line-height: 48rpx;
    text-indent: 2em;
  }
}
</style>
